/**
 * by Guorongkang
 */


import React, { Component } from 'react';

import pxToDp  from '../config/pxToDp';
import {
  Platform,
  StyleSheet,
  Text,
  View,
    Image,
    Switch,
    ScrollView,

} from 'react-native';


type Props = {};
export default class chatInfoScene extends Component < Props > {




  render() {


    return (

        <ScrollView style={styles.background_view}>

            <View style={styles.head_view}>
                <View style={styles.head_view_chid3}>
                <View style={styles.head_view_chid}>
                    <Image style={styles.head_img} source={require('../imgs/adduser.png')}/>
                    <Text style={styles.text1}>知世</Text>
                </View>

                <View style={styles.head_view_chid2}>
                    <Image style={styles.head_img} source={require('../imgs/adduser.png')}/>
                </View>
                </View>
        </View>

            <View style={styles.text_view}>
                <Text style={styles.text2}>聊天小程序</Text>
            </View>

            <View style={styles.text_view}>
                <Text style={styles.text2}>查找聊天记录</Text>
            </View>

            <View style={styles.background_view_child}>
                <View style={styles.text2_view2}>
                    <View style={styles.text2_view}>
                        <Text style={styles.text3}>聊天置顶</Text>
                    </View>

                    <View style={styles.switch_view}>
                      <Switch style={styles.switch} />
                    </View>
                </View>
                <View style={styles.text2_view3}>
                    <View style={styles.text2_view}>
                        <Text style={styles.text2}>消息免打扰</Text>
                    </View>

                    <View style={styles.switch_view2}>
                        <Switch style={styles.switch} />
                    </View>
                </View>



            </View>

            <View style={styles.text_view}>
                <Text style={styles.text2}>设置当前聊天背景</Text>
            </View>

            <View style={styles.text_view}>
                <Text style={styles.text2}>清空聊天记录</Text>
            </View>

            <View style={styles.text_view}>
                <Text style={styles.text2}>举报</Text>
            </View>

        </ScrollView>

    );
  }
}

const styles = StyleSheet.create({

    background_view:{

        backgroundColor:'#ebebeb',
        flex:1,

    },
    head_view:{
         backgroundColor:'#ffffff',
         height:pxToDp(180),
        marginTop:pxToDp(40),
        justifyContent:'center',


    },

    text_view:{
        backgroundColor:'#ffffff',
        height:pxToDp(86),
        marginTop:pxToDp(30),
        justifyContent:'center',
    },

    background_view_child:{
      backgroundColor:'#ffffff',
        marginTop:pxToDp(30),

    },

    text2_view:{
        backgroundColor:'#ffffff',
        height:pxToDp(86),

        justifyContent:'center',


    },

    text3_view:{
        backgroundColor:'#ffffff',
        height:pxToDp(86),
        justifyContent:'center',


    },
    head_img:{
        height:pxToDp(90),
        width:pxToDp(90),

    },
    head_view_chid:{
        marginLeft:pxToDp(30),
        width:pxToDp(90),
    },

    text1:{
        color:'#9b9b9b',
        fontSize:14,
        alignSelf:'center',
    },
    text2:{
        fontSize:14,
        color:'#101010',
        marginLeft:pxToDp(30),
    },

    text3:{
        fontSize:14,
        color:'#101010',

    },
    head_view_chid2:{
        marginLeft:pxToDp(50),

    },
    head_view_chid3:{
        flexDirection:'row',
    },
    text2_view2:{
        justifyContent:'space-between',
        flexDirection:'row',
        borderBottomWidth:pxToDp(1),
        borderColor:'#dfdfdf',
        marginLeft:pxToDp(30),
        marginRight:pxToDp(30),
    },

    text2_view3:{
        justifyContent:'space-between',
        flexDirection:'row',

    },

    switch:{
        // alignSelf:"flex-end",

    },
    switch_view:{
        justifyContent:'center',
        marginRight:pxToDp(20),

    },
    switch_view2:{
        justifyContent:'center',
        //marginRight:pxToDp(),
        marginRight:pxToDp(43),

    },

});
